<template lang="pug">
    div.search
        div.plus-logo
        div.search-box
            span.search-content
                input().search-text
                span.search-function
                    span.record
                    //分割线
                    span.cut-off-line
                    span.camera
            button() 百度一下
</template>

<script>
export default {
    name:"search",
};
</script>

<style scoped lang="stylus">
    .search
        margin-bottom 0.5rem
        .plus-logo
            background url("../../assets/img/icons/home/plus_logo.png") no-repeat
            width 4.88rem
            height 1.946666667rem
            background-size contain
            display: inline-block
            margin-bottom 0.4533333rem
        .search-box
            .search-content
                position relative
                display inline-block
                .search-text
                    outline-style none
                    border 0.0266666667rem solid black
                    border-right-color transparent
                    width 5.65333333333rem
                    height 0.8rem
                    padding 0.1866666667rem 1.06666667rem 0.1866666667rem 0.16rem
                    font-size 0.48rem
                .search-function
                    position absolute
                    width 1.6rem
                    height: 0.5866666667rem
                    right 0.266666667rem
                    top:0
                    bottom:0
                    margin auto 0
                    .record
                        background url("../../assets/img/icons/home/record.png") no-repeat
                        background-size contain
                        display inline-block
                        height 0.50666667rem
                        width 0.50666667rem
                        margin-right 0.266666667rem
                    .cut-off-line
                        width 0.02666667rem
                        height 0.50666667rem
                        display: inline-block
                        background-color black
                    .camera
                        background url("../../assets/img/icons/home/camera.png") no-repeat
                        background-size contain
                        display inline-block
                        height 0.50666667rem
                        width 0.50666667rem
                        margin-left 0.266666667rem
        button
            vertical-align top
            height: 1.226666667rem
            line-height: 1.226666667rem
            width 2.16rem
            border 0.02666667rem solid black
            border-left-color #bbb
            color: #38f
            font-size: 0.4266666667rem;
            font-weight: 700;
            background: white
            outline-style none
            &:active
                background-color #bbb
</style>
